<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>我的个性myboke</title>    
<link href="__PUBLIC_HOME_DIR__/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" /><!-- fontawesome -->     
<link href="__PUBLIC_HOME_DIR__/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" /><!-- Bootstrap stylesheet -->
<link href="__PUBLIC_HOME_DIR__/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="__PUBLIC_HOME_DIR__/css/flexslider.css" type="text/css" media="screen" property="" />
<!-- stylesheet -->
<!-- meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Blog Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //meta tags -->
<script type="text/javascript" src="__PUBLIC_HOME_DIR__/js/jquery-2.1.4.min.js"></script>
<script src="__PUBLIC_HOME_DIR__/js/main.js"></script>
<!-- Required-js -->
<!-- main slider-banner -->
<script src="__PUBLIC_HOME_DIR__/js/skdslider.min.js"></script>
<link href="__PUBLIC_HOME_DIR__/css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
		jQuery(document).ready(function(){
			jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'showNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'});
						
			jQuery('#responsive').change(function(){
			  $('#responsive_wrapper').width(jQuery(this).val());
			});
			
		});
</script>	
<!-- //main slider-banner --> 
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="__PUBLIC_HOME_DIR__/js/move-top.js"></script>
<script type="text/javascript" src="__PUBLIC_HOME_DIR__/js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->

<!-- scriptfor smooth drop down-nav -->
<script>
$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
            $(this).toggleClass('open');       
        }
    );
});
</script>
<!-- //script for smooth drop down-nav -->
</head>
<body>
<!-- header -->
	<include file="Public/header" />
	<!-- //header -->
	<!-- top-header and slider -->
	<div class="w3-slider">	
	<!-- main-slider -->
		<ul id="demo1">
			
			<foreach name="sliderData" item="row">
			<li>
				<img src="{$row.url}" alt="" />
				<!--Slider Description example-->
				<div class="slide-desc">
					<h3>{$row.title}</h3>
					<p>{$row.content}</p>
				</div>
			</li>
			</foreach>
			
		</ul>
	</div>
	<!-- //main-slider -->
	<!-- //top-header and slider -->
	<div class="container">
		<div class="banner-btm-agile">
		<!-- //btm-wthree-left -->
			<div class="col-md-9 btm-wthree-left">

				<foreach name="articleData" item="row">
				<div class="wthree-top">
					<div class="w3agile-top">
						<div class="w3agile_special_deals_grid_left_grid">
							<a href="{:U('Single/single',array('id'=>$row['id']))}"><img src="{$row.thumb}" class="img-responsive" alt="" /></a>
						</div>
						<div class="w3agile-middle">
						<ul>
							<li><a href="javascript:;"><i class="fa fa-calendar" aria-hidden="true"></i>{$row.cre_time}</a></li>
							<li><a href="javascript:;"><i class="fa fa-thumbs-up" aria-hidden="true"></i>{$row.hits} 查看&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
							<li><a href="{:U('Single/single',array('id'=>$row['id']))}"><i class="fa fa-comment" aria-hidden="true"></i>15 留言</a></li>
							
						</ul>
					</div>
					</div>
					
					<div class="w3agile-bottom">
						<div class="col-md-3 w3agile-left">
							<h5>{$row.cate_name}</h5>
							<br>
							<h6>作者： {$row.author}</h6>
						</div>
						<div class="col-md-9 w3agile-right">
							<h3><a href="{:U('Single/single',array('id'=>$row['id']))}">{$row.title}</a></h3>
							<p>{$row.ar_desc}</p>
							<a class="agileits w3layouts" href="{:U('Single/single',array('id'=>$row['id']))}">阅读更多<span class="glyphicon agileits w3layouts glyphicon-arrow-right" aria-hidden="true"></span></a>
						</div>
							<div class="clearfix"></div>
					</div>
				</div>
				</foreach>
				
				
				
				
				<!-- wthree-top-1 -->
				<!--<div class="wthree-top-1">
					<div class="w3agile-top">
						<section class="slider">
							<div class="flexslider">
								<ul class="slides">
									<li>
										<div class="w3agile_special_deals_grid_left_grid">
											<a href="singlepage.html"><img src="__PUBLIC_HOME_DIR__/images/2.jpg" class="img-responsive" alt="" /></a>
										</div>
									</li>
									<li>
										<div class="w3agile_special_deals_grid_left_grid">
											<a href="singlepage.html"><img src="__PUBLIC_HOME_DIR__/images/3.jpg" class="img-responsive" alt="" /></a>
										</div>
									</li>
									<li>
										<div class="w3agile_special_deals_grid_left_grid">
											<a href="singlepage.html"><img src="__PUBLIC_HOME_DIR__/images/3.jpg" class="img-responsive" alt="" /></a>
										</div>
									</li>
								</ul>
							</div>
						</section>
					
						<script defer src="__PUBLIC_HOME_DIR__/js/jquery.flexslider.js"></script>
						<script type="text/javascript">
							$(window).load(function(){
							  $('.flexslider').flexslider({
								animation: "slide",
								start: function(slider){
								  $('body').removeClass('loading');
								}
							  });
							});
						</script>
					

						<div class="w3agile-middle">
							<ul>
								<li><a href="#"><i class="fa fa-calendar" aria-hidden="true"></i>2017-05-20</a></li>
								<li><a href="#"><i class="fa fa-thumbs-up" aria-hidden="true"></i>201 查看&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
								<li><a href="#"><i class="fa fa-comment" aria-hidden="true"></i>15 留言</a></li>
								
							</ul>
						</div>
					</div>
					
					<div class="w3agile-bottom">
						<div class="col-md-3 w3agile-left">
							<h5>随心文学</h5>
						</div>
						<div class="col-md-9 w3agile-right">
							<h3><a href="singlepage.html">适合自己的才是最好的</a></h3>
							<p>也许是受网络有关碎片化学习内容的影响，也许是为了逃离对手机的依赖，自己慢慢喜欢上了看书，而且看书的内容也并不固定。其实，看书是从大学的时候才慢慢开始的，当时喜欢看一些励志类书籍。一直以来，我并不是一个知道该怎么选择书籍的人，并不知道该看什么书，有的时候看什么书完全出于兴趣，有种天马行空的感觉。对于书，我还没有到如痴如醉的地步，最多只能算得上喜欢。对于选书，我认为适合自己的才是最好的。</p>
							<a class="agileits w3layouts" href="singlepage.html">阅读更多<span class="glyphicon agileits w3layouts glyphicon-arrow-right" aria-hidden="true"></span></a>
						</div>
							<div class="clearfix"></div>
					</div>
				</div>-->
				
	
			</div>
			<!-- //btm-wthree-left -->
				<!-- btm-wthree-right -->
			<include file="Public/right" />
				<!-- //btm-wthree-right -->
			<div class="clearfix"></div>
		</div>
	</div>
	<include file="Public/footer"/>
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
<!-- //here ends scrolling icon -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="__PUBLIC_HOME_DIR__/js/bootstrap.js"></script>
</body>
</html>